// packageX/district/create.js
import Toast from "../../dist/toast/toast";
var app = getApp();

Page({

  /**
   * 页面的初始数据
   */
  data: {
    name: '',
    phone: '',
    wechat: ''
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    // 如果是编辑模式，可以从options中获取id并加载数据
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  toast(data) {
    wx.showToast({
      title: data.message,
      icon: "none",
      duration: data.duration,
    });
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {
    return {
      title: '创建共享商圈',
      path: '/packageX/district/create'
    }
  },

  /**
   * 显示购物车底部导航
   */
  showcarrfoot() {
    // 实现显示购物车底部导航的逻辑
  },

  /**
   * 显示IPhone适配的购物车底部导航
   */
  showcarrfoot_ipx() {
    // 实现显示IPhone适配的购物车底部导航的逻辑
  },

  /**
   * 商圈名称输入
   */
  onNameInput(e) {
    this.setData({
      'formData.name': e.detail.value
    });
  },

  /**
   * 圈主手机号输入
   */
  onPhoneInput(e) {
    this.setData({
      'formData.phone': e.detail.value
    });
  },

  /**
   * 微信号输入
   */
  onWechatInput(e) {
    this.setData({
      'formData.wechat': e.detail.value
    });
  },

  /**
   * 复制手机号
   */
  copyPhone() {
    if (this.data.phone) {
      console.log(this.data.phone)
      wx.setClipboardData({
        data: this.data.phone.toString(),
        success: (res) => {
          console.log(res)
          this.toast({
            message: '手机号已复制',
            duration: 2000
          });
        },

      });
    } else {
      this.toast({
        message: '请先输入手机号',
        duration: 2000
      });
    }
  },

  /**
   * 复制微信号
   */
  copyWechat() {
    if (this.data.wechat) {
      wx.setClipboardData({
        data: this.data.wechat,
        success: () => {
          console.log('微信号已复制')
          this.toast({
            message: '微信号已复制',
            duration: 2000
          });
        }
      });
    } else {
      this.toast({
        message: '请先输入微信号',
        duration: 2000
      });
    }
  },

  /**
   * 表单验证
   */
  validateForm() {
    const { name, phone, wechat } = this.data;
    
    if (!name) {
      this.toast({
        message: '请输入商圈名称',
        duration: 2000
      });
      return false;
    }
    
    if (!phone) {
      this.toast({
        message: '请输入圈主手机号',
        duration: 2000
      });
      return false;
    }
    if (!wechat) {
      this.toast({
        message: '请输入微信号',
        duration: 2000
      });
      return false;
    }
    
    // 简单的手机号验证
    const phoneRegex = /^1[3-9]\d{9}$/;
    if (!phoneRegex.test(phone)) {
      this.toast({
        message: '请输入正确的手机号',
        duration: 2000
      });
      return false;
    }
    
    return true;
  },

  /**
   * 提交表单
   */
  submitForm() {
    if (!this.validateForm()) {
      return;
    }
    
    // 显示加载状态
    wx.showLoading({
      title: '提交中...',
    });

    let that = this;
    let urlStr = app.getNetAddresss("plugin.commerce.api.commerce-circle.create-circle");
    app._getNetWork({
      url: urlStr,
      data: {
        circle_name: this.data.name,
        mobile: this.data.phone,
        wechat: this.data.wechat
      },
      success: function(resdata) {
        console.log(resdata)
        var res = resdata.data;
        wx.hideLoading();
        if (res.result == 1) {
          // 显示提交成功提示
          wx.showToast({
            title: '创建成功',
            icon: 'success',
            duration: 2000,
            success: () => {
              // 跳转到商圈详情页面
              setTimeout(() => {
                wx.navigateTo({
                  url: '/packageX/district/district',
                })
              }, 2000);
            }
          });
        } else {
          wx.showToast({
            icon: 'none',
            title: res.msg,
            duration: 1500
          });
        }
      },
      fail: function(res) {
        console.log(res);
      }
    });
    
  }
})